﻿div#article-page
{
    overflow:auto;
  
    max-height:105%;
    }


div.article-head
{
    /*font-size:large;*/   
    margin-left :20%;
    margin-right :20%;
   /* font-weight:bold; */
}

div.article-main-content
{
     margin-left :15%;
     margin-right :15%;     
    /* background-color: #E5DDD2; */
}
div.add-sub-article-button-area
{
    margin-left :35%;
    text-align:center;
   
}

#article-form input[type='text'],  textarea
{
    width:160pt;
}

#article-form select
{
    width:161pt;
}
#article-form select.extension
{
     width:74pt;
}

#article-form td:first-child
{
    vertical-align:text-top;
    text-align:left;
}

#tabs-2
{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    padding:0 !important;
}
 #tabs-2 hr
{
    
    border-width:0;   
    background-color: #E5DDD2;
    height: 3pt;
}

div.article
{
  height:100%;
  overflow:auto;
  
    
 }


div.articleContent
{
    clear:both;
}


div.articleContentLeft 
{
     /*float:right;*/
       float: left; width: 18%; margin-left: -47%;
     /*
     height:100pt;
     background-color:Aqua;
    */
}
    
    div.articleContentMiddle
{
     float: left; width: 36%; margin-left: 16%;margin-right:1%;
     /*
     height:110pt; 
     background-color:Gray;
    */
}

div.content-heading
{
    padding-left:6.5%
}
    
div.articleContentRight
{
     float: left; width: 30%; 
     /*
     height:120pt;     
     background-color:Maroon;
    */
    overflow:auto;  
    max-height:190px;
    
}
   
div.thumbnils
{
    float:left;    
    margin:1pt;
    font-size:xx-small;
    /*width:200px;*/
}


    
    
 div.articleContent textarea
{
    width:160pt;
}
div.articleContent input[type='text'], input[type='file']
{
    width:162pt;
}

.tbl-article-content td:first-child
{
    vertical-align:text-top;
    text-align:left;
}
.thumbnils-image
{
    /*position:absolute;
    
    width:52pt;
    height:60pt;
    */
}
div.delete-article-image-button
{
    position:relative;
    margin-left:-19px;
    margin-top:2px;
    float:right;
}
div.delete-article-text-button
{
    position:relative;
    margin-left:-19px;
    margin-right:45px;
    margin-bottom:1px;
    margin-top:4px;
    float:right;
}
div.article-sub-content
{
    
    min-width:1024px;
    overflow:auto;
}

input.clear-error single-text-upload
{
    display:none;
}

input.multiple-image-upload
{
    display:none;
}


.image-upload-wrapper
{
    /* float:left;*/
    background-color:transparent;
    z-index:1;
}
.image-button-text-wrapper
{
    background-image: url('/Content/images/buttons/upload.png'); 
    background-repeat: no-repeat;     
    padding-left: 20px; 
    display: table-cell;
    cursor: pointer;
    height:16px;
    font-weight:bold;
  
    z-index:2;
}
.image-upload-wrapper object 
{
    background-color:transparent;
    z-index:10;
}

.image-button-wrapper
{
   /* background-color:Lime; */
    position:relative;
    margin:-20px 0px 0px 0px;
   
    float:left;
    z-index:3;
}


.text-upload-wrapper
{
    /* float:left;*/
    background-color:transparent;
    z-index:1;
}
.text-button-text-wrapper
{
    background-image: url('/Content/images/buttons/upload.png'); 
    background-repeat: no-repeat;     
    padding-left: 20px; 
    display: table-cell;
    cursor: pointer;
    height:16px;
    font-weight:bold;
  
    z-index:2;
}



.text-upload-wrapper object 
{
    background-color:transparent;
    z-index:10;
}

.text-button-wrapper
{
    /* background-color:Lime; */
    position:relative;
    margin:-20px 0px 0px 0px;   
    float:left;
    z-index:3;
}